<template>
  <div class="wrapper">
    <div class="show-card">
      <image
        class="sure"
        :src="'https://mini.jiaw.com/img/8594220211206.jpg'"
      ></image>
      <image
        mode="aspectFit"
        class="power-card"
        :src="'https://mini.jiaw.com/img/3214120211206.jpg'"
      ></image>
    </div>
    <div class="title">宠粉至尊卡激活成功</div>
    <button class="btn" @click="toHome">返回主页面</button>
  </div>
</template>

<script>
export default {
  methods: {
    toHome() {
      uni.navigateTo({
        url: '/pages/home/index'
      })
    }
  }
}
</script>

<style lang="less" scoped>
.wrapper {
  padding: 0 40rpx;
}
.show-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  .sure {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 200rpx;
    height: 200rpx;
  }
}
.title {
  text-align: center;
  font-size: 38rpx;
}
.btn {
  background: #f94c42;
  color: #fff;
  line-height: 100rpx;
  font-size: 30rpx;
  margin-top: 180rpx;
}
</style>
